<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>家用电器分类</title>
		<style>
			.box{
				width: 350px;
			}
			.box h2{
				text-indent: lem;
				background: linear-gradient(to bottom,#0C6CAF,#9BCAEB);
				font-size: 18px;
				color: #FFFFFF;
				line-height: 40px;
				
			}
			.box h3{
				font-size: 14px;
				line-height: 28px;
				background: #C9E5F8;
			}
			.box ul li h3 a{
				text-decoration: none;
				color: #666666;
			}
			.box ul li{
				list-style-type: none;
				font-size: 0;
			}
			span{
				font-size: 14px;
			}
			.box ul li h3 a hover{
				text-decoration:underlint;
				
			}
			.box ul li p{
				font-size: 14px;
				line-height: 28px;
			}
			.box ul li p a{
				color: #956666;
				text-decoration: none;
			}
			.box ul li p hover{
				color:#666666 ;
				text-decoration: underline;
			}
			
		</style>
	</head>
	<body>
		<div class="box">
			<h2>家用电器</h2>
			<ul>
				<li>
					<h3><a href="#">大家电</a></h3>
					<p>
						<a href="#">平板电视</a>
						<a herf="#">洗衣机</a>
						<a href="#">冰箱</a>
					</p>
					<p>
						<a href="#">空调</a>
						<a href="#">烟机</a>
						<span>/</span>
						<a href="#">灶具</a>
						<a href="#">热水器</a>
					</p>
					<p>
						<a href="#">冷柜</a>
						<span>/</span>
						<a href="#">酒柜</a>
						<a href="#">消毒柜</a>
						<a href="#">家庭影院</a>
					</p>
				</li>
				<li>
					<h3><a href="#">生活电器</a></h3>
					<p>
						<a href="#">电风扇</a>
						<a href="#">净化器</a>
						<a href="#">吸尘器</a>
					</p>
					<p>
						<a href="#">净水设备</a>
						<a href="#">挂烫机</a>
						<a href="#">电话机</a>
					</p>
				</li>
				<li>
					<h3><a href="#">厨房电器</a></h3>
					<p>
						<a href="#">榨汁机</a>
						<a href="#">电压力锅</a>
						<a href="#">电饭煲</a>
					</p>
					<p>
						<a href="#">豆浆机</a>
						<a href="#">微波炉</a>
						<a href="#">电磁炉</a>
					</p>
				</li>
				<li>
					<h3><a href="#">五金家装</a></h3>
					<p>
						<a href="#">淋浴</a>
						<span>/</span>
						<a href="#">水槽</a>
						<a href="#">电动工具</a>
						<a href="#">手动工具</a>
					</p>
					<p>
						<a href="#">仪器仪表</a>
						<a href="#">浴霸</a>
						<span>/</span>
						<a href="#">排气</a>
						<a href="#">灯具</a>
					</p>

				</li>
			</ul>
			
		</div>
	</body>
</html>
